<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>智飨科技食品餐饮安全网管理后台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="智飨科技-食品餐饮安全网 " />
    <meta name="author" content="hhp" />
    <meta name="keyword" content="智能化餐饮,智飨科技,物联网,食品安全,智能厨房,家宴,餐饮标准化管理" />
    <link rel="icon" href="../images/logo1.png" type="image/x-icon"/>
    <script src="../../../js/common/css/commonCss.js" type="text/javascript"></script>
    <link href="../../../css/userList/userList.css" rel="stylesheet" type="text/css" />
</head>
<body class="skin-blue">
<script src="../js/common/head.js" type="text/javascript"></script>
<div class="wrapper row-offcanvas row-offcanvas-left">
    <script src="../js/common/leftNav.js" type="text/javascript"></script>
    <div class="copyrights">
        Collect from <a href='http://www.zhixiangyun.cn/'  title='智飨科技'>智飨科技</a>
        <span id='teShiro' style='display:none'><shiro:principal property='userName'></shiro:principal></span>
        <span id='teShiro2' style='display:none'><shiro:principal property='insertTime'></shiro:principal></span>
        <div style='display:none;' id='currentUser'><shiro:principal property='id'></shiro:principal></div>
        <div style='display:none;' id='currentUserSdId'><shiro:principal property='sdId'></shiro:principal></div>
        <div style='display:none;' id='currentUserIsZX'><shiro:principal property='zx'></shiro:principal></div>
        <div style='display:none;' id='currentUserProfession'><shiro:principal property='profession'></shiro:principal></div>
    </div>
    <aside class="right-side" id="main">
        <script src="../js/common/message/message.js" type="text/javascript"></script>
        <section class="col-lg-12 connectedSortable">
            <!-- 隐藏式搜索 -->
            <svg class="hidden">
                <defs>
                    <symbol id="icon-search">
                        <title>search</title><!-- 这个是search-->
                        <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
                    </symbol>
                    <symbol id="icon-cross">
                        <title>cross</title><!-- 这个是x-->
                        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                    </symbol>
                </defs>
            </svg>
            <main>

                <div class="search">
                    <div class="search__inner" style="height: 100%;">
                        <form class="search__form" id="scjcxxSearchForm">
                            <input id="alertSdId" type="hidden" name="sdIds"/>
                            <!--<div class="input-group">

                            </div>-->
                            <select id="userSites" name="clas" multiple>

                            </select>
                            <div class="input-group" style="top: 1.6em;width:100%;">
                                <input type="text" id="topIName" name="ingredientName" class="form-control" placeholder="食材名称"/>
                            </div>
                            <div class="input-group" style="top: 3.2em;width:100%;">
                                <select id="mainCatogory" name="mainCategoryId" onchange="getCurSmallCatogory()">

                                </select>
                            </div>
                            <div class="input-group" style="top: 4.8em;width:100%;">
                                <select id="smallCatogory" name="smallCategoryId">

                                </select>
                            </div>

                            <div class="box-tools input-group" style="top: 6.4em;width:100%;" >
                                <button type="button" class="btn btn-alt btn-sm btn-flat" style="text-align: center;" onclick="reloadMyDateTable()">
                                    <i class="iconfont iconmagnifiersearch" data-toggle="tooltip" title="搜索" style="color:blue;font-size: 1.3em;cursor: pointer;"></i>
                                </button>
                            </div>

                        </form>
                    </div><!-- /search__inner -->
                </div><!-- /search -->
            </main><!-- /main-wrap -->
            <!-- 隐藏式搜索 -->

            <!-- /jQuery 弹幕样式消息 -->
            <div class="box box-primary">
                <div class="box-header">
                    <span class="box-title" style="font-size: 1.5em;" >食材基础信息管理</span>
                    <div class="pull-right box-tools">
                        <button id="btn-search" class="btn btn-alt btn-sm" data-toggle="tooltip" title="搜索" onclick="showOpenColor()"><i class="iconfont iconzhinengsousuo" style="font-size: 1em;"></i></button>
                        <button id="btn-search-close" class="btn btn-alt btn-sm btn--search-close btn--hidden" style="z-index: 9999999;" onclick="setOpenColor()"><i class="iconfont iconjibing" style="font-size: 1em;"></i></button>

                        <button class="btn btn-alt btn-sm refresh-btn" data-toggle="tooltip" title="导出食材信息" onclick="exportSingle(null)"><i class="iconfont iconexport1" style="font-size: 1em;"></i></button>
                        <button class="btn btn-alt btn-sm refresh-btn" data-toggle="tooltip" title="重新加载" onclick="loadUserList()"><i class="fa fa-refresh"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='collapse' data-toggle="tooltip" title="隐藏"><i class="fa fa-minus"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='remove' data-toggle="tooltip" title="关闭"><i class="fa fa-times"></i></button>
                    </div><!-- /. tools -->
                </div><!-- /.box-header -->
                <div class="box-body no-padding main-wrap">
                    <table id="sort" class="my-table">
                        <tbody id="userListUl">
                        </tbody>
                    </table>
                </div><!-- /.box-body -->
                <div class="box-footer clearfix no-border">
                    <div class="ht-page"></div>
                    <button class="btn btn-alt pull-right" onclick="befShowAddMod()" style="margin-top: -2.3em;" data-toggle="tooltip" title="开通站点角色"><i class="iconfont icontianjia2" style="font-weight: bold;color: blue;"></i></button>
                </div>

            </div><!-- 站点角色列表 -->
        </section>
    </aside><!-- /.right-side -->
</div><!-- ./wrapper -->

<!-- COMPOSE MESSAGE MODAL -->
<div class="modal fade" id="compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 id="chgIngBaseTitle" class="modal-title"></h4>
            </div>
            <form id="ingBaseForm" action="#" method="post" onsubmit="return showRequest()">
                <input id="id" type="hidden" name="id"/>
                <input id="iconImg" type="hidden" name="scspImgPath">
                <input id="ggxhdw" type="hidden" name="ggxhdw">
                <input id="sdId" type="hidden" name="sdId">
                <input id="boomTypeStr" type="hidden" name="boomTypeStr">
                <div class="modal-body">
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">食材名称:</span>
                            <input id="ingredientName" name="ingredientName" type="text" class="form-control validate[required,maxSize[16],custom[chineseEngNum],ajax[isNameSdIdExist]]" data-errormessage-value-missing="必填" data-errormessage-custom-error="只接受中文、英文字母、数字" data-errormessage-range-overflow="最多16位" placeholder="食材名称(必填)">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">计量单位:</span>
                            <select id="meteringName" name="meteringName" onchange="checkCurSiteOption('meteringName')" class="validate[required]" data-errormessage-value-missing="必填">

                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">一级分类:</span>
                            <select id="mainCategoryId" name="mainCategoryId" onchange="checkCurSiteOption('mainCategoryId')" class="validate[required]" data-errormessage-value-missing="必填">

                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">二级分类:</span>
                            <select id="smallCategoryId" name="smallCategoryId">

                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.28em;">保质期时间:</span>
                            <input id="ratedTerm" name="ratedTerm" type="text" class="form-control validate[required,custom[numFloat],maxSize[7]]" data-errormessage-value-missing="必填" data-errormessage-custom-error="只接受数或3位小数" data-errormessage-range-overflow="最多7位" placeholder="保质期时间(必填)">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.28em;">保质期单位:</span>
                            <select id="ratedTermDW" name="ratedTermDW" class="validate[required]" data-errormessage-value-missing="必填">
                                <option value="">请选择保质期单位</option>
                                <option value="时">时</option>
                                <option value="天">天</option>
                                <option value="月">月</option>
                                <option value="年">年</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.13em;">临近期值(天):</span>
                            <input id="nearPeriodValue" name="nearPeriodValue" type="text" class="form-control validate[required,maxSize[11],custom[onlyNumberSp]" data-errormessage-value-missing="必填" data-errormessage-custom-error="只接受整数" data-errormessage-range-overflow="最多11位" placeholder="临近期值(天)">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">基础价格:</span>
                            <input id="basePrice" name="basePrice" type="text" class="form-control validate[maxSize[10],custom[onlyMoney]" data-errormessage-custom-error="只接受2位小数" data-errormessage-range-overflow="最多10位" placeholder="基础价格">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.28em;">规格与型号:</span>
                            <input id="ggxh" name="ggxh" type="text" class="form-control validate[maxSize[10],custom[numFloat]" data-errormessage-custom-error="只接受整数或3位小数" data-errormessage-range-overflow="最多10位" placeholder="规格型号">
                            <span id="ggxhDWSpan" class="input-group-addon dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;">单位</span>
                            <ul class="dropdown-menu mySpecialUlUnit" role="menu" style="right: 0;width: 100%;">
                                <li style="text-align:center;" onclick="chooseGGXHDWLi('克')"><a href="javascript:void(0)" style="color:#FFFFFF">克</a></li>
                                <li style="text-align:center;" onclick="chooseGGXHDWLi('斤')"><a href="javascript:void(0)" style="color:#FFFFFF">斤</a></li>
                                <li style="text-align:center;" onclick="chooseGGXHDWLi('公斤')"><a href="javascript:void(0)" style="color:#FFFFFF">公斤</a></li>
                                <li style="text-align:center;" onclick="chooseGGXHDWLi('g')"><a href="javascript:void(0)" style="color:#FFFFFF">g</a></li>
                                <li style="text-align:center;" onclick="chooseGGXHDWLi('kg')"><a href="javascript:void(0)" style="color:#FFFFFF">kg</a></li>
                            </ul>
                            <!--<div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
                                <ul class="dropdown-menu dropdown-menu-right">
                                    <li><a href="javascript:void(0)" style="color: #FFF;">克</a></li>
                                    <li><a href="javascript:void(0)" style="color: #FFF;">g</a></li>
                                    <li><a href="javascript:void(0)" style="color: #FFF;">斤</a></li>
                                    <li role="separator" class="divider" style="color: #FFF;">公斤</li>
                                    <li><a href="javascript:void(0)" style="color: #FFF;">kg</a></li>
                                </ul>
                            </div>&lt;!&ndash; /btn-group &ndash;&gt;-->
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 1.56em;">仓库:</span>
                            <select id="whouseId" name="whouseId" onchange="checkCurSiteOption('whouseId')" class="validate[required]" data-errormessage-value-missing="必填">
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.92em;">供应商:</span>
                            <select id="suppId" name="suppId" onchange="checkCurSiteOption('suppId')" class="validate[required]" data-errormessage-value-missing="必填">
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">存储警戒:</span>
                            <input id="inventoryLimit" name="inventoryLimit" type="text" class="form-control validate[required,maxSize[10],custom[numFloat]]" data-errormessage-value-missing="必填" data-errormessage-custom-error="只接受整数或3位小数" data-errormessage-range-overflow="最多18位" placeholder="存储警戒(必填)">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">检测状态:</span>
                            <select id="checkStatus" name="checkStatus">
                                <option value="2" selected="selected">不检测</option>
                                <option value="1">检测</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">采购标准:</span>
                            <textarea name="purchasingStandard" id="purchasingStandard" class="form-control validate[maxSize[100]]" data-errormessage-range-overflow="最多100位" placeholder="采购标准" style="height: 120px;"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.54em;">标准规格:</span>
                            <input id="noMinalrating" name="noMinalrating" type="text" class="form-control validate[maxSize[11]]" data-errormessage-range-overflow="最多11位" placeholder="标准规格">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.095em;">是否需要清洗:</span>
                            <select id="needCleaning" name="needCleaning">
                                <option value="1" selected="selected">清洗</option>
                                <option value="2">不清洗</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">清洗时间(分钟):</span>
                            <input id="cleaningTime" name="cleaningTime" type="text" class="form-control validate[maxSize[10],custom[numFloat]]" data-errormessage-custom-error="只接受整数或3位小数" data-errormessage-range-overflow="最多10位" placeholder="清洗时间(分钟)">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.067em;">清洗水位(cm):</span>
                            <input id="cleanWater" name="cleanWater" type="text" class="form-control validate[maxSize[10],custom[numFloat]]" data-errormessage-custom-error="只接受整数或3位小数" data-errormessage-range-overflow="最多10位" placeholder="清洗水位(cm)">
                        </div>
                    </div>
                    <div class="up-img-cover" style="width:100%;text-align: center;">
                        <img class="am-circle myImgFirst" src="../../images/2.jpg" onclick="showMyCropperImgModel(0)" style="display: none;width: 8em;height:70px;margin: 0 auto;border-radius: 0;transform: translateY(-4%);"/>
                        <i id="up-img-touch" onclick="showMyCropperImgModel(0)" class="iconfont iconVRtupian myImgSecond" style="font-size: 6em;line-height: 110px;"></i>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 0.38em;">BOM分类:</span>
                            <select id="bomType" name="clasel" multiple class="validate[required]" data-errormessage-value-missing="必填">//multiple
                                <option value="1">主料</option>
                                <option value="2">辅料</option>
                                <option value="4">配料</option>
                                <option value="8">调味品</option>
                            </select>
                        </div>
                    </div>
                    <!--<div id="form-group-sdId" class="form-group" style="display: none;">
                        <div class="input-group">
                            <span class="input-group-addon" style="letter-spacing: 1.56em;">试点:</span>
                            <select id="selectSites" name="clasel" multiple>//multiple

                            </select>
                        </div>
                    </div>-->
                </div>
                <div class="modal-footer clearfix">

                    <button type="button" class="btn btn-danger" onclick="myResetForm()"><i class="fa fa-eraser"></i>&nbsp;重置</button>

                    <button type="submit" class="btn btn-primary pull-left"><i class="fa fa-mail-forward"></i>&nbsp;立即提交</button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="am-modal am-modal-no-btn up-modal-frame modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="up-modal-frame">
    <div class="am-modal-dialog up-frame-parent up-frame-radius modal-content">
        <div class="modal-body am-modal-bd  up-frame-body">
            <div class="am-modal-hd up-frame-header">
                <label>上传图片</label>
                <button type="button" class="close am-close am-close-spin" data-am-modal-close data-dismiss="modal" aria-hidden="true">&times;</button>
                <!--<i class="am-close am-close-spin" data-am-modal-close>&times;</i>-->
            </div>
            <div class="am-g am-fl">
                <div class="am-form-group am-form-file">
                    <div class="am-fl">
                        <button type="button" class="am-btn am-btn-default am-btn-sm btn-alt" style="color:#FFFFFF">
                            <i class="am-icon-cloud-upload"></i> 选择要上传的文件</button>
                    </div>
                    <input type="file" class="up-img-file">
                </div>
            </div>
            <div class="am-g am-fl">
                <div class="up-pre-before up-frame-radius">
                    <img alt="" src="" class="up-img-show" id="up-img-show">
                </div>
                <div class="up-pre-after up-frame-radius">
                </div>
            </div>
            <div class="am-g am-fl">
                <div class="up-control-btns">
                    <span class="am-icon-rotate-left" id="up-btn-left"></span>
                    <span class="am-icon-rotate-right" id="up-btn-right"></span>
                    <span class="am-icon-check up-btn-ok" url="/uploadFileImg" parameter="{width:'200',height:'200'}"></span>
                </div>
            </div>
        </div>
    </div><!-- /.modal-content --><!-- /.modal-dialog -->
</div>

<script src="../../../js/common/hideSearch_noInput.js" type="text/javascript"></script>
<script src="../../../js/common/js/commonJs.js" type="text/javascript"></script>
<script src="../../../js/cgcc/scjcxx/scjcxx.js" type="text/javascript"></script>
</body>
</html>